@import '../../scss/mixin';
@import '../../scss/variable';


.address{
    @include wh(100%, 100%);
    @include flex(column);
    background: #f7f7f8;
    .content{
        flex: 1;
        width: 100%;
        overflow: auto;
        .item{
            margin-bottom: 2px;
            @include wh(100%, 80px*2);
            @include flex(row, flex-start, center);
            background: #fff;
            padding: 20px 20px 20px 0;
            div {
                @include middle(160px);
    
                &:nth-child(1) {
                    flex: 3;
                    @include flex(row, center, center);
                    color: #ff9500;
                }
    
                &:nth-child(2) {
                    flex: 5;
                    padding: 20px;
                    p{
                        @include wh(100%, 33.3%);
                        display: flex;
                        align-items: center;
                        color: gray;
                        &:nth-child(1) {
                            color: #000;                           
                        }
                    }
                }
    
                &:nth-child(3) {
                    flex: 2;
                    i{
                        font-size: .32rem;
                        color: gray;
                    }
                }
            }
            &.active{
                border-left: 10px solid #108ee9;
            }
        }
    }
    .footer{
        @include wh(100%, 100px);
        button {
            @include wh(100%, 100%);
            background: #108ee9;
            color: #fff;
            border: none;
            font-size: .3rem;
        }
    }
}